extends layout
append scripts
    script.
        // 层级选择器
        console.log($('ul.lang li.lang-javascript').get(0));      // [<li class="lang-javascript">JavaScript</li>]
        console.log($('div.testing li.lang-javascript').get(0));  // [<li class="lang-javascript">JavaScript</li>]
        // 子选择器
        console.log($('ul.lang>li.lang-javascript').get(0));      // 可以选出 [<li class="lang-javascript">JavaScript</li>]
        console.log($('div.testing>li.lang-javascript').get(0));  // [], 无法选出, 因为 <div> 和 <li> 不构成父子关系
        // 过滤器
        console.log($('ul.lang li').get(0));                  // 选出 JavaScript、Python 和 Lua 3 个节点
        console.log($('ul.lang li:first-child').get(0));      // 仅选出 JavaScript
        console.log($('ul.lang li:last-child').get(0));       // 仅选出 Lua
        console.log($('ul.lang li:nth-child(2)').get(0));     // 选出第 N 个元素, N 从 1 开始
        console.log($('ul.lang li:nth-child(even)').get(0));  // 选出序号为偶数的元素
        console.log($('ul.lang li:nth-child(odd)').get(0));   // 选出序号为奇数的元素
        // 表单相关
        // :input: 可以选择 <input>, <textarea>, <select> 和 <button>
        // :file: 可以选择<input type="file">, 和input[type=file]一样
        // :checkbox: 可以选择复选框, 和 input[type=checkbox] 一样
        // :radio: 可以选择单选框, 和 input[type=radio] 一样
        // :focus: 可以选择当前输入焦点的元素, 例如把光标放到一个 <input> 上, 用 $('input:focus') 就可以选出
        // :checked: 选择当前勾上的单选框和复选框, 用这个选择器可以立刻获得用户选择的项目, 如 $('input[type=radio]:checked')
        // :enabled: 可以选择可以正常输入的 <input>、<select> 等, 也就是没有灰掉的输入
        // :disabled: 和 :enabled正好相反, 选择那些不能输入的
        // 其他
        // $('div:visible');  // 所有可见的 div
        // $('div:hidden');   // 所有隐藏的 div
block content
    .testing
        ul.lang
            li.lang-javascript JavaScript
            li.lang-python Python
            li.lang-lua Lua
